<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>网页简历</title>
    <link rel="shortcut icon" href="./assets/favicon.ico" type="image/x-icon" />
    <link
      rel="stylesheet"
      href="//at.alicdn.com/t/c/font_4057600_st0vofw0n9d.css"
    />
    <link rel="stylesheet" href="./index.css" />
  </head>
  <body>
    <div class="container">
      <section class="personal">
        <div class="item1">
          <h2>陈淑婷</h2>
          <h4>Web前端工程师</h4>
        </div>
        <div class="item2">
          <span><i class="iconfont icon-dianhua"></i></span>
          <a href="tel:13829578085">138 2957 8085</a>
        </div>
        <div class="item2">
          <span>学历</span>
          <span>本科</span>
        </div>
        <div class="item2">
          <span><i class="iconfont icon-youxiang"></i></span>
          <a href="mailto:1147998314@qq.com">1147998314@qq.com</a>
        </div>
        <div class="item2">
          <span>生日</span>
          <span>1999-07-15</span>
        </div>
        <div class="item2">
          <span><i class="iconfont icon-wangzhi"></i></span>
          <a href="https://yuziikuko.gitee.io/" target="_blank"
            >https://yuziikuko.gitee.io/</a
          >
        </div>
        <div class="item2">
          <span>开发经验</span>
          <span>2年</span>
        </div>
        <div class="item3">
          <img src="./assets/avatar.jpg" alt="avatar" />
        </div>
      </section>
      <section class="edu">
        <h3 class="title">教育经历</h3>
        <ul>
          <li>
            <div class="main">
              <span class="time">2017 ~ 2021</span>
              <span class="name">电子科技大学中山学院</span>
              <span class="sub">计算机-软件工程</span>
            </div>
          </li>
        </ul>
      </section>
      <section class="work">
        <h3 class="title">工作经历</h3>
        <ul>
          <li>
            <div class="main">
              <span class="time">2021.05 ~ 2024.05</span>
              <span class="name">淘腾互动（深圳）科技有限公司</span>
              <span class="sub">Web前端工程师</span>
            </div>
            <p class="desc">
              负责公司门户网站、活动H5页、内部后台管理系统的开发及维护，对生产线的各个环节进行把控，及时发现风险。负责运营部游戏发行的广告数据的整理并上传至后台系统。
            </p>
          </li>
        </ul>
      </section>
      <section class="skill">
        <h3 class="title">专业技能</h3>
        <ul>
          <li class="item level4"><span>英语四级</span></li>
          <li class="item level4"><span>英语六级</span></li>
          <li class="item level4"><span>初级程序员</span></li>
          <li class="item level4"><span>HTML(5)</span></li>
          <li class="item level4"><span>CSS(3)</span></li>
          <li class="item level4"><span>JavaScript</span></li>
          <li class="item level2"><span>TypeScript</span></li>
          <li class="item level3"><span>Vue</span></li>
          <li class="item level1"><span>React</span></li>
          <li class="item level1"><span>NextJS</span></li>
          <li class="item level2"><span>Uni-App</span></li>
        </ul>
      </section>
      <section class="project">
        <h3 class="title">项目经验</h3>
        <ul>
          <li class="item">
            <h4>门户网站 - PartnerSite</h4>
            <div class="detail">
              <span class="label">访问地址</span>
              <a href="https://partner.apptutti.com/" target="_blank"
                >partner.apptutti.com</a
              >
              <span class="label">项目背景</span>
              <p>
                本系统为公司门户网站，面向海外游戏开发者，旨在介绍公司业务并引导海外游戏开发者上传自己的游戏到公司旗下平台TUTTi
                Club，以在中国发行海外游戏
              </p>
              <span class="label">项目实现</span>
              <p>
                系统包含公司业绩、解决方案、TUTTi
                Club、账号信息、上传的游戏进度等相关内容，本人参与所有模块的开发，并负责网站上线后的UI改版、功能新增、Bug修复等需求。<br /><br />
                系统前后端分离。后端使用PHP的Laravel框架开发数据接口，前端使用JQuery作为框架，并配置了GA4谷歌分析。<br /><br />
                项目开发中遇到了填写表单与电子签名并生成PDF的需求，经过研究，最终利用Dropzone、jsPDF、jsSignature等插件，将表单生成隐藏的HTML结构再经插件导出PDF文件，完美解决。
              </p>
            </div>
          </li>
          <li class="item">
            <h4>门户网站 - PartnerSite</h4>
            <div class="detail">
              <span class="label">访问地址</span>
              <a href="https://partner.apptutti.com/" target="_blank"
                >partner.apptutti.com</a
              >
              <span class="label">项目背景</span>
              <p>
                本系统为公司门户网站，面向海外游戏开发者，旨在介绍公司业务并引导海外游戏开发者上传自己的游戏到公司旗下平台TUTTi
                Club，以在中国发行海外游戏
              </p>
              <span class="label">项目实现</span>
              <p>
                系统包含公司业绩、解决方案、TUTTi
                Club、账号信息、上传的游戏进度等相关内容，本人参与所有模块的开发，并负责网站上线后的UI改版、功能新增、Bug修复等需求。<br /><br />
                系统前后端分离。后端使用PHP的Laraval框架开发数据接口，前端使用JQuery作为框架，并配置了GA4谷歌分析。<br /><br />
                项目开发中遇到了填写表单与电子签名并生成PDF的需求，经过研究，最终利用Dropzone、jsPDF、jsSignature等插件，将表单生成隐藏的HTML结构再经插件导出PDF文件，完美解决。
              </p>
            </div>
          </li>
        </ul>
      </section>
      <section class="comment">
        <h3 class="title">个人评价</h3>
        <p>
          对项目开发流程有一定经验，搭建过个人博客，有后台系统版本升级经验，插件框架的使用经验丰富，能快速地接近像素级还原设计稿。
        </p>
      </section>
    </div>
  </body>
</html>
